// 消息列表
<template>
 <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
    <div>
       
        <div class="top1">
            <van-nav-bar title="消息通知" left-text="返回" left-arrow :fixed='true' @click-left="onClickLeft" :border='false'>
            <van-icon name="arrow-left" slot="left" color="black" />
            </van-nav-bar>
        </div>
        <div class="box1">
          <p>
              <strong>
                <van-icon name="volume"/>
              </strong>
              <span>
                  温馨提醒
              </span>
          </p>
          <p>
                温馨提醒各位用户：为避免跑男取错物品给自己造成不便，跑男来取货时请务必要确认是..
          </p>
          <p>
              2019/7/20
          </p>
          <p>
              <van-button type="primary" size="mini">查看详情</van-button>
          </p>
        </div>
         <div class="box1">
          <p>
              <strong>
                <van-icon name="volume"/>
              </strong>
              <span>
                  温馨提醒
              </span>
          </p>
          <p>
                温馨提醒各位用户：为给您更优质的服务，我们已将跑男效率要求严格，希望您能够满意..
          </p>
          <p>
              2019/7/18
          </p>
          <p>
              <van-button type="primary" size="mini">查看详情</van-button>
          </p>
        </div>
         <div class="box1">
          <p>
              <strong>
                <van-icon name="volume"/>
              </strong>
              <span>
                  温馨提醒
              </span>
          </p>
          <p>
                温馨提醒各位用户：为了你的安全和物品的安全，请您确认好跑男身份后..
          </p>
          <p>
              2019/7/19
          </p>
          <p>
              <van-button type="primary" size="mini">查看详情</van-button>
          </p>
        </div>
        
    </div>
</van-pull-refresh>
</template>
<script>
    export default{
        data(){
            return{
               isLoading: false
            }
        },
        methods:{
            onClickLeft(){
                console.log(1)
				this.$router.go(-1)
            },
             onRefresh() {
            setTimeout(() => {
                this.$toast('刷新成功');
                this.isLoading = false;
                this.count++;
            }, 500);
            }
        }
    }

</script>


<style>
    *{margin: 0 ;padding:0;}
    .top1{border-bottom:30px solid #ccc;margin-top: 1.2rem;}
    .box1{display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;overflow: auto}
    .box1 p{margin: 0.2rem 0.6rem;}
    .box1 p:nth-of-type(1) strong{padding-right:10px;}
    .box1 p:nth-of-type(2){text-align: left }
</style>